.trend {
  .atActionSheet {
    .title {
      padding-top: 20rpx;
    }

    .trend-echart {
      width: 100%;
      height: 400rpx;

    }

    .at-action-sheet__container {
      border-radius: 50rpx 50px 0 0;
    }
  }

  .singleQuotes {
    .at-modal__container {
      width: 94%;

      .at-modal__header {
        margin-bottom: 20rpx;
      }

      .trend-echart {
        height: 100%;
        padding: 0 24rpx 24rpx 24rpx;
        position: relative;
        height: 500rpx;

        .quotesEcharts {
          height: 100%;
        }
      }

      .switchDays {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: absolute;
        z-index: 10;

        .date {
          display: inline-block;
          padding: 8rpx 16rpx;
          white-space: nowrap;
          background-color: #f5f5f5;
          border-radius: 30rpx;
          font-size: 26rpx;
        }

        .becheckedDate {
          background-color: #fbd002;
        }
      }
    }
  }
}
